<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>流程详情</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="__LAYUI__/css/layui.css" media="all">
  <link rel="stylesheet" href="__STATIC__/plugs/font-awesome/css/font-awesome.min.css" media="all">
  <style>
  	.step{
  	 	display: inline-block;
    	width: 30px;
    	height: 30px;
    	border-radius: 50%;
    	line-height: 30px;
    	text-align: center;
    	color: #fff;
    	font-size: 16px;
  	}
  	.step-none{
  		background: #999999;
  	}
  	.step-curr{
  		background: #FF9900;
  	}
  	.step-done{
  		background: #5FB878
  	}
  </style>
</head>
<body>
    <!--编辑页-->
    <div class="layui-container" style="padding:2%">
    	<div class="item-info" style="border:1px solid #d2d2d2; padding:15px;margin-bottom:20px;">
	    	<fieldset class="layui-elem-field layui-field-title">
		        <legend>{$info.item.title}[{$info.item.wfType}]</legend>
		       <table class="layui-table" lay-even="" lay-skin="nob">
		            <colgroup>
		                <col width="30%">
		                <col width="20%">
		                <col width="20%">
		            </colgroup>
		            <thead>
		                <tr>
		                    <th>审核步骤</th>
		                    <th>审核人</th>
		                    <th>审核结果</th>
		                    <th>意见</th>
		                </tr>
		            </thead>
           			<tbody id="stepView">
                		{volist name="info.process" id="item"}
                		<tr>
                				<td><span class="step {if !isset($item.status)}step-none{else/}{if $item.status === 0}step-curr{else/}step-done{/if}{/if}">{$item.orderIndex}</span>&nbsp;&nbsp;{$item.wfStepName}</td>
                				<td>{$item.charge.userName}</td>
                				{if isset($item.status)}
                				<td>
                					{switch name="item.status"}
										{case value="1"}<span class="layui-badge layui-bg-green">通过</span>{/case}
										{case value="2"}<span class="layui-badge layui-bg-orange">退回</span>{/case}
										{case value="3"}<span class="layui-badge layui-bg-red">否决</span>{/case}
									{/switch}    						
                				</td>
                				{else/}
                				<td></td>
                				{/if}
                				{if isset($item.approvalDemo)}
                				<td>{$item.approvalDemo}</td>
                				{else/}
                				<td></td>
                				{/if}
                		</tr>
                		{/volist}
            		</tbody>
        		</table>
	      	</fieldset>
      	</div>
    </div>
   	<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=b32b75e11b6769096d4222213f95de96"></script>
    <script type="text/javascript" src="__LAYUI__/layui.js"></script>
    <script type="text/javascript" src="__JS__/audit/check.js"></script>
       

</body>
</html>           

